<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.css">
</head>
<body>
<div class="warp_black">
    <div class="_login log">
        <p>欢迎登陆360同城帮 <span class="close">X</span></p>
        <div>
            <p><span>账号</span><input type="text"></p>
            <p><span>密码</span><input type="password"></p>
            <p><span></span><input class="ckb" type="checkbox">下次自动登陆</p>
            <p><span></span><input class="btn" type="button" value="立即登陆"></p>
        </div>
    </div>
    <div class="_join log">
        <p>欢迎登陆360同城帮 <span class="close">X</span></p>
        <div>
            <div class="tab">

            </div>
            <div class="right">
                <p><span>邮箱</span><input type="text"></p>
                <p><span>密码</span><input type="password"></p>
                <p><span>重复密码</span><input type="password"></p>
                <p><span></span><input class="btn"type="button" value="立即注册"></p>
            </div>
        </div>
    </div>
</div>
<div class="warp">
    <nav class="nav1">
        <div class="_nav1">
            <ul>
                <li id="city" class="beijing">北京</li>
                <li>[<a href="###">切换城市</a>]</li>
                <li class="line">|</li>
                <li><a href="##">同城帮首页</a></li>
            </ul>
            <ul>
                <li class="login"><a href="###" >登陆</a></li>
                <li class="line">|</li>
                <li class="join"><a href="##">注册</a></li>
                <li class="line">|</li>
                <li><a href="##">我的订单</a></li>
                <li class="line">|</li>
                <li><a href="##">在线客服</a></li>
                <li class="line">|</li>
                <li><a href="##">客服服务</a></li>
                <li class="line">|</li>
                <li><a href="##">论坛</a></li>
                <li class="line">|</li>
                <li><a href="##">投诉建议</a></li>
            </ul>
        </div>
    </nav>
    <nav class="nav2">
        <img src="img/logo.png" alt="">
        <ul>
            <li>二手优品<img src="img/hot.png" alt=""></li>
            <li>手机回收</li>
            <li>手机维修</li>
            <li>电脑维修</li>
            <li>以旧换新</li>
            <li>手机租用</li>
        </ul>
    </nav>
    <div class="banner">
        <div class="tab">
            <div>修手机/Pad
                <div>
                    假装修手机
                </div>
            </div>
            <div>修电脑
                <div>
                    假装修电脑
                </div>
            </div>
            <div>卖手机/电脑
                <div>
                    假装卖手机
                </div>
            </div>
            <div>买二手机
                <div>
                    假装买二手机
                </div>
            </div>
        </div>
        <div class="swiper-container">
            <!--图片载体-->
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/banner_1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/banner_2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/banner_3.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/banner_4.png" alt=""></div>
            </div>
            <!-- 分页器 -->
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="main">
        <div class="mTop">
            <div>
                <img src="img/1.jpg" alt="">
            </div>
            <div>
                <img src="img/2.jpg" alt="">
            </div>
            <div>
                <img src="img/3.png" alt="">
            </div>
            <div>
                <img src="img/4.jpg" alt="">
            </div>
        </div>
        <h2>热门手机回收</h2>
        <div class="hot mList">
            <div class="first"><img src="img/hot_List.png" alt=""></div>
            <div class="phones">
                <div>
                    <img src="img/test1.jpg" alt="">
                    <p>苹果iphone6</p>
                </div>
            </div>
        </div>
        <h2>优选精品</h2>
        <div class="yx mList">
            <div class="first"><img src="img/yp_List.png" alt=""></div>
            <div class="phones">
                <!--<div>-->
                    <!--<img src="img/test1.jpg" alt="">-->
                    <!--<p>苹果iphone6</p>-->
                    <!--<p class="red">$599</p>-->
                <!--</div>-->
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="fTop">
            <div>
                <h3><div></div>购物指南</h3>
                <p>购物流程</p>
                <p>用户注册</p>
                <p>帮助文档</p>
            </div>
            <div>
                <h3><div></div>支付方式</h3>
                <p>在线支付</p>
                <p>当面付款</p>
            </div>
            <div>
                <h3><div></div>售后服务</h3>
                <p>投诉建议</p>
            </div>
            <div>
                <h3><div></div>特色保障</h3>
                <p>360担保支付</p>
            </div>
            <div>
                <h3><div></div>商家合作</h3>
                <p>360同城帮</p>
                <p>新闻采访/跨界合作</p>
            </div>
        </div>
        <hr>
        <div class="fBtm">
            <p>客服电话：4000-399-360 / 010-53767360 投诉建议 网站地图
            </p>
            <p>Copyright © 2005-2017  360.CN  All Rights Reserved  360安全中心
            </p>
            <p>京ICP备08010314号-19    京公网安备110000000006号
            </p>
        </div>
    </footer>
</div>
</body>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/swiper.jquery.js"></script>
<script src="js/js.js"></script>
</html>